<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="dpflex  fdcolumn">
    <main class="main">
        <section class="user-box ">
            <div class="dpflex p20 ac">
                <img src="../../assets/images/cat.jpg" width="100" height="100px" alt="">
                <span id="nickName">用户名</span>
                <span class="iconfont icon-qianjin1" id="icon"></span>
            </div>
            <p class="sign">个性签名：xxxxxxxxxxxxxxxxxxxx</p>
        </section>

        <div class="dpflex jcsb" id="personBox">
            <div class="personal-dynamics">
                <span class="iconfont icon-zhankai"></span>
                个人动态
            </div>
            <div class="branches">
                10条
                <span class="iconfont icon-qianjin1"></span>
            </div>
        </div>

        <section class="sports-data">
            <div class="dpflex  fdcolumn"    id="sportsData">
                <div class="dpflex jcsb"  id="sport"> 
                   <p><span class="iconfont  icon-caidanzhankai"></span>运动数据</p> 
                    <span class="iconfont icon-qianjin1"></span>
                </div>


                <div class="dpflex jcsb " id="sportNumber">
                    <div>
                        <p>总运动</p>
                        <p> <span >9999</span> 分钟 </p>
                    </div>

                    <div id="constume">
                        <p>本周消耗</p>
                        <p> <span>9999</span> 千卡 </p>
                    </div>
                </div>

            </div>
        </section>

        <section class="sports-badges">
            <div class="dpflex  fdcolumn"    id="sportsBadges">
                <div class="dpflex jcsb"  id="badges"> 
                   <p><span class="iconfont  icon-huizhang"></span>我的运动徽章</p> 
                    <span class="iconfont icon-qianjin1"></span>
                </div>

                <div id="badgesNumber" class=" dpflex jcsb">
                    <div> </div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </section>

        <p id="exit"> 退出登录</p>

    </main>

</body>

</html>